
<script>
    $(document).ready(function(){
        $(".datepicker").datepicker({
            showOn: "button",
            buttonImage: "<?= base_url(); ?>images/calendar.gif",
            buttonImageOnly: true,
            autoSize: true,
            minDate: 0, 
            maxDate: "+1M +10D"
        }); 
        $(".datepicker").datepicker($.datepicker.regional["vi"]);
        $(".datepicker").datepicker("option","dateFormat","dd-mm-yy");
        
        $(function(){
            var dates = $( "#from, #to" ).datepicker({
                defaultDate: "+1w",
                changeMonth: true,
                //                        numberOfMonths: 3,
                onSelect: function( selectedDate ) {
                    var option = this.id == "from" ? "minDate" : "maxDate",
                    instance = $( this ).data( "datepicker" ),
                    date = $.datepicker.parseDate(
                    instance.settings.dateFormat ||
                        $.datepicker._defaults.dateFormat,
                    selectedDate, instance.settings );
                    dates.not( this ).datepicker( "option", option, date );
                }     
            }); 
            $("#from, #to").datepicker("option","dateFormat","dd-mm-yy");
        });
        
        //        function proccessForm(html){
        //            if(parseFloat(html)){
        //                
        //            }else{
        //                $('#errors3').html(html).show('slow');
        //            }
        //        }
        //
        //        $(document).ready(function(){
        //            $('#formOrder').submit(function(eve){
        //                eve.preventDefault();
        //                $.ajax({
        //                    url: '<?= base_url(); ?>gio_hang/dat_hang',
        //                    type: 'POST',
        //                    dataType: 'html',
        //                    data: $('#formOrder').serialize(),
        //                    success: function(html){
        //                        proccessForm(html);
        //                    }
        //                })
        //            });
        //        });
    });
    
</script>
<div class="ds-sanpham">
    <form action="<?= base_url(); ?>gio_hang/dat_hang" method="post" name="formorder" id="formOrder">
        <table class="tbOrder">
            <tr>
                <th colspan="2" class="odHead">Thông tin đặt hàng</th>
            </tr>
            <tr>
                <td colspan="2" class="odFormError"><div id="errors3"><? echo validation_errors(); ?></div></td>
            </tr>
            <tr class="odbody">
                <td>Tên người nhận: &nbsp;</td>
                <td><input name="fullname1" type="text" id="fullname1" value="" size="50" maxlength="100"/>&nbsp;</td>
            </tr>
            <tr class="odbody">
                <td>Địa chỉ người nhận: &nbsp;</td>
                <td><input name="address1" type="text" id="address1" value="" size="50" maxlength="100"/>&nbsp;</td>
            </tr>
            <tr class="odbody">
                <td>Email: &nbsp;</td>
                <td><input name="email" type="text" id="email" value="" size="50" maxlength="100"/>&nbsp;</td>
            </tr>
            <tr class="odbodyPay">
                <td>Phương thức thanh toán:</td>
                <td>
                    <label>
                        <select name="paymentmethod" id="paymentmethod">
                            <option value="">-- Chọn một phương thức --</option>
                            <? foreach ($pay as $PayItems): ?>
                                <option value="<?= $PayItems->PayID ?>"><?= $PayItems->PType ?></option>
                            <? endforeach; ?>
                        </select>
                    </label>
                </td>
            </tr>
            <tr class="odbodyTime">
                <td>Thời gian nhận hàng</td>
                <td><input type="text" name="todays_date" class="datepicker"/></td>
            </tr>
            <tr class="odbody">
                <td>Số điện thoại: </td>
                <td><input type="text" name="phoneContact" /></td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td><input type="submit" value="Đăng ký" />&nbsp;&nbsp;<input type="reset" value="Hủy"/></td>
            </tr>
            <tr>
                <td colspan="2">
                    <br/>
                    <? if ($this->cart->contents()): ?>
                        <table class="tbODCart">
                            <tr class="tbODCHead">
                                <th>Mã</th>
                                <th>Tên</th>
                                <th>Số lượng</th>
                                <th>Giá</th>
                                <th>Thành tiền</th>
                            </tr>
                            <? foreach ($this->cart->contents() as $items): ?>
                                <tr class="tbODCBody">
                                    <td><?= $items['id']; ?></td>
                                    <td><?= $items['name']; ?></td>
                                    <td><?= $items['qty']; ?></td>
                                    <td><?= $this->cart->format_number($items['price']); ?></td>
                                    <td><?= $this->cart->format_number($items['subtotal']); ?></td>
                                </tr>
                            <? endforeach; ?>
                            <tr>
                                <td class="tbTotalAmount" colspan="5"><input type="hidden" name="Totalamount" value="<?= $this->cart->format_number($this->cart->total()); ?>"/>Tổng tiền: <?= $this->cart->format_number($this->cart->total()); ?></td>
                            </tr>
                        </table>
                    <? else: ?>
                        <div class="container">
                            <p class="msg">Xin lỗi giỏ hàng của bạn không có sản phẩm nào cả</p>
                        </div>
                    <? endif; ?>
                </td>
            </tr>
        </table>
    </form>
    <div class="FAQ">
        <div class="faqHead"><span class="faqtext">Hướng dẫn thanh toán</span></div>
        <div class="faqBody">
            <ul class="faqTitle">
                <li><a href="#">Các phương thức thanh toán</a></li>
                <li><a href="#">Chi phí vận chuyển (nếu có)</a></li>
            </ul>
        </div>
    </div>
</div>
